<template>
  <van-tabbar v-model="active" @change="onChange">
    <van-tabbar-item replace to="/home/demo1" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/home/demo2" icon="search">分类</van-tabbar-item>
    <van-tabbar-item replace to="/home/demo3" icon="friends-o">购物车</van-tabbar-item>
    <van-tabbar-item replace to="/home/demo4" icon="setting-o">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script setup>
import { ref } from 'vue';
const active = ref(0);
</script>

<style lang="scss" scoped>
</style>